<template>
  <el-row class="mb-4">
    <!-- 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text' -->
    <el-button>默认</el-button>
    <el-button type="primary">primary</el-button>
    <el-button type="success">success</el-button>
    <el-button type="warning">warning</el-button>
    <el-button type="danger">danger</el-button>
    <el-button type="info">info</el-button>
    <el-button type="text">text</el-button>
  </el-row>
  <br>
  <el-row class="mb-4">
    <el-button plain>默认Plain</el-button>
    <el-button type="primary" plain>primary</el-button>
    <el-button type="success" :plain="true">success</el-button>
    <el-button type="warning" plain>warning</el-button>
    <el-button type="danger" plain>danger</el-button>
    <el-button type="info" plain>info</el-button>
    <el-button type="text" plain>text</el-button>
  </el-row>
  <br>
  <el-row class="mb-4">
    <el-button round>默认Round</el-button>
    <el-button type="primary" round>primary</el-button>
    <el-button type="success" round>success</el-button>
    <el-button type="warning" round>warning</el-button>
    <el-button type="danger" round>danger</el-button>
    <el-button type="info" round>info</el-button>
    <el-button type="text" round>text</el-button>
  </el-row>
  <br>
  <el-row class="mb-4">
    <el-button type="primary" link :disabled="false">primary非禁用</el-button>
    <el-button type="primary" link :disabled="true">primary禁用</el-button>
    <el-button type="success" link :disabled="true">success禁用</el-button>
    <el-button type="warning" circle >warning</el-button>
  </el-row>
  <br>
  <el-row class="mb-4">
    <el-button type="primary" loading>加载中...</el-button>
    <!-- <el-button type="primary" ></el-button>
    <el-button type="success" ></el-button>
    <el-button type="warning" ></el-button> -->
  </el-row>
</template>

<script setup>

</script>

<style>

</style>